/*数字栏位箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	visibility: hidden ;
	-webkit-appearance: none !important ;
    margin: 0 ;
}
/***/
.yiru-survey-date input[type="date"],
.yiru-survey-date input[type="time"],
.yiru-survey-date input[type="datetime-local"] {
	width: 60% ;
	padding: 6px 28px 6px 12px ;
	padding: .375rem 1.75rem .375rem .75rem ;
	border: 1px solid #D9D9D9 ;
	border-radius: 4px ;
	margin-bottom: 10px ;
}

@media (max-width:767px){
	.yiru-survey-date input[type="date"],
	.yiru-survey-date input[type="datetime-local"] {
		width: 40% ;
	}
	.yiru-survey-date input[type="time"] {
		width: 20% ;
	}
}

/*控制编辑区域的*/
.yiru-survey-date ::-webkit-datetime-edit {
	text-align: left;
}

/*控制年月日这个区域的*/
.yiru-survey-date ::-webkit-datetime-edit-fields-wrapper {
	background-color: #ffffff;
}

/*这是控制年月日之间的斜线或短横线的*/
.yiru-survey-date ::-webkit-datetime-edit-text {
	color: #666666 ;
	padding: 0 .2em ;
}

/*控制年文字, 如2013四个字母占据的那片地方*/
.yiru-survey-date ::-webkit-datetime-edit-year-field {
	color: #666666 ;
}

/*控制月份*/
.yiru-survey-date ::-webkit-datetime-edit-month-field {
	color: #666666 ;
}

/*控制具体日子*/
.yiru-survey-date ::-webkit-datetime-edit-day-field {
	color: #666666 ;
}

/*控制清除按钮*/
.yiru-survey-date ::-webkit-clear-button {
	visibility: hidden ;
	-webkit-appearance: none !important ;
    margin: 0 ;
}

/*这是控制上下小箭头的*/
.yiru-survey-date ::-webkit-inner-spin-button {
	visibility: hidden ;
	-webkit-appearance: none !important ;
    margin: 0 ;
}

/*这是控制下拉小箭头的*/
.yiru-survey-date ::-webkit-calendar-picker-indicator {
	  border: 1px solid #ccc ;
	  border-radius: 2px ;
	  box-shadow: inset 0 1px #fff, 0 1px #eee ;
	  background-color: #eee ;
	  background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6) ;
	  color: #ffffff ;
}
/*
	<li>
		<div><b>日期：</b></div>
		<div class="yiru-survey-date" >
			<input name="date" id="nowDate" type="date" th:value="*{date}"  />&nbsp;<input type="time" id="nowTime" />
		</div>
	</li>




*/